﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>最新动态</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/component/graphic-frame.css">
    <link rel="stylesheet" href="~/styles/css/component/graphic-list-frame.css">
    <link rel="stylesheet" href="~/styles/css/latest-news.css">
</head>
<body>
    <div id="latest-news">
        <input v-model="userName" style="display:none" />
        <clinic-head v-bind:user-name="userName"></clinic-head>
        <div class="ln-content common-content-style">
            <!--文章详情-->
            <graphic-frame ref="showDetail" v-if="tab_id == 5" :tab="graphicInfo" :detail="detailInfo" :nevigation="navigationBar"></graphic-frame>
            <div class="other" v-else>
                <div class="out-search">
                    <search v-on:search="searchArticle"></search>
                </div>
                <div class="tab-column">
                    <ul>
                        <li :class="[tab_id==1 ? 'active-tab' : '']" v-on:click="changeTab(1)">全部</li>
                        <li :class="[tab_id==2 ? 'active-tab' : '']" v-on:click="changeTab(2)">诊所公告</li>
                        <li :class="[tab_id==3 ? 'active-tab' : '']" v-on:click="changeTab(3)">诊所动态</li>
                    </ul>
                </div>
                <!--全部-->
                <graphic-list-frame ref="all" v-show="tab_id == 1" :tab="graphicInfo" v-on:show="showPage" v-on:detail="showDetail"></graphic-list-frame>
                <!--诊所公告-->
                <graphic-list-frame ref="announcements" v-show="tab_id == 2" :tab="graphicInfo" v-on:show="showPage" v-on:detail="showDetail"></graphic-list-frame>
                <!--诊所动态-->
                <graphic-list-frame ref="trends" v-show="tab_id == 3" v-on:show="showPage" :tab="graphicInfo" v-on:detail="showDetail"></graphic-list-frame>

                <clinic-page :page-param="showPageParam"></clinic-page>
                <div class="screen-result-box" id="no-result" style="display:none">
                    <p class="empty-result">未搜索到相关结果</p>
                </div>
            </div>
        </div>
        <clinic-right></clinic-right>
        <clinic-foot></clinic-foot>       
    </div>
</body>

</html>
<script type="text/javascript" src="~/scripts/lib/jquery.js"></script>
<script type="text/javascript" src="~/scripts/lib/xdlines.jquery.min.js"></script>
<script type="text/javascript" src="~/scripts/js/public/global.js"></script>
<script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
<script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
<script type="text/javascript" src="~/scripts/js/public/common.js"></script>
<script type="text/javascript" src="~/scripts/js/component/component.js"></script>
<script type="text/javascript" src="~/scripts/js/component/graphic-list-frame.js"></script>
<script type="text/javascript" src="~/scripts/js/component/graphic-frame.js"></script>
<script type="text/javascript" src="~/scripts/js/latest-news.js"></script>
